<template>
  <div class="box">
      <div class="sbox">
          <span class="yi">配送</span>
          <span class="er">最快29分钟达</span>
          <span>门店接单时段内，最快29分钟送达</span>
      </div>
      <div class="sbox">
          <span class="yi">服务</span>
          <span class="san">放心购</span>
          <span class="si">三无退货</span>
          <span class="wu">&gt;</span>
      </div>
      <div class="sbox">
          <span class="yi">活动</span>
          <span class="liu">赠送积分</span>
          <span>购买本商品可获得积分</span>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
    .box{
        background: white;
        margin: .15rem 0;
        padding-top: .1rem;
        height: 1.1rem;
        border-radius: .1rem;
    }
    .yi{
        margin: 0 .1rem 0 .1rem;
        font-weight: 600;
    }
    .er{
        background: rgb(80,200,30);
        display:inline-block;
        font-size: .14rem;
        color: white;
        width: 90px;
        text-align: center;
        margin-right:.1rem ;
    }
    .sbox{
        margin-bottom: .15rem;
    }
    .box div:nth-child(1) span:nth-child(3){
        color: rgb(80,160,30);
    }
    .box div span:nth-child(3){
        font-size: .14rem;
    }
    .san{
        background: rgb(80,200,30);
        display:inline-block;
        font-size: .14rem;
        color: white;
        width: .5rem;
        text-align: center;
        margin-right:.1rem ;
    }
    .box div:nth-child(2) span:nth-child(4){
        margin-left: .5rem;
    }
    .si{
        font-size: .14rem;
    }
    .wu{
        float: right;
        margin-right: .1rem;
    }
    .liu{
        display: inline-block;
        color: red;
        font-size: .12rem;
        width: .6rem;
        height: .16rem;
        text-align: center;
        border: 1px solid red;
        margin-right: .1rem;
    }
</style>